<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="main">
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd">
            <div class="eshop-header-wrapper">
                <div class="eshop-title">我的店铺</div>
            </div>
        </div>
        <div class="weui-panel__bd">
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg eshop-item" data-id="1">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529165639428&di=b1f1c4b260f965c459e9935fe31023c8&imgtype=0&src=http%3A%2F%2Fico.58pic.com%2Ficonset01%2Fcar-LOGO%2Fgif%2F87291.gif">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">天蓬杂货铺</h4>
                    <p class="weui-media-box__desc">提供各种相关自己喜欢的数据信息，千万别错过哦！！</p>
                </div>
            </a>
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg eshop-item" data-id="2">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529165734781&di=b9462b08864b292120c07d28d7bc2221&imgtype=0&src=http%3A%2F%2Fico.58pic.com%2Ficonset01%2Fcar-LOGO%2Fgif%2F87325.gif">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">云鹤先生</h4>
                    <p class="weui-media-box__desc">一个受够了自己所谓旅行家的讨论 准备自己玩，自由定制庄家</p>
                </div>
            </a>
        </div>
    </div>

</div>
<!--footer开始-->
<div class="footer">
    <div class="weui-flex">
        <div class="weui-flex__item">
            <div><i class="fa fa-home"></i></div>
            <div class="footer-text">首页</div>
        </div>
        <div class="weui-flex__item">
            <div><i class="fa fa-map"></i></div>
            <div class="footer-text">动态</div>
        </div>
        <div class="weui-flex__item">
            <div><i class="fa fa-qrcode"></i></div>
            <div class="footer-text">小店铺</div>
        </div>
        <div class="weui-flex__item">
            <div><i class="fa fa-space-shuttle"></i></div>
            <div class="footer-text">我的</div>
        </div>
    </div>
</div>
<!--footer结束-->
</body>
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>

<script>
    $(document).ready(function () {

        $(".eshop-item").click(function(){
            var id = $(this).attr("data-id");
            console.log(id)
            $.actions({
                actions: [{
                    text: "编辑店铺",
                    className: "color-primary",
                    onClick: function() {
                        //do something
                    }
                },{
                    text: "删除店铺",
                    className: "color-danger",
                    onClick: function() {
                        //do something
                    }
                }]
            });
        });
    })

</script>


</body>
</html>